<template>
  <div>
    <div class="add"  @click="add">新增企业上报</div>
      <page-list
      url="/DangerImportReportRecord/GetPageData"
      :params="params"
      @initActive="_initActive"
      @initList="_initList"
      ref="PageTabList"
    >
    <div>
         <van-cell
        class="card"
        @click="openDetail(item)"
        v-for="(item, index) in list"
        :key="index"
      >
        <div>
          <div>
            <van-row gutter="20">
              <van-col>
                <img
                  class="icon"
                  src="@/assets/Images/AppIcon/icon_list_user.png"
                />上级单位：{{ item.ParentCompanyName }}
              </van-col>
            </van-row>
            <van-row gutter="20">
              <van-col>
                <img
                  class="icon"
                  src="@/assets/Images/AppIcon/icon_list_view.png"
                />上报类型：{{ item.ReasonType }}
              </van-col>
            </van-row>
           
            <van-row gutter="20">
              <van-col>
                <img
                  class="icon"
                  src="@/assets/Images/AppIcon/icon_list_enterprise.png"
                />企业名称：{{ item.CompanyName }}
              </van-col>
            </van-row>
            <van-row gutter="20">
              <van-col>
                <img
                  class="icon"
                  src="@/assets/Images/AppIcon/icon_list_date.png"
                />上报时间：{{ item.CreateDate }}
              </van-col>
            </van-row>
            <van-row gutter="20">
              <van-col>
                <img
                  class="icon"
                  src="@/assets/Images/AppIcon/icon_company_check.png"
                />上报原因：{{ item.Remarks }}
              </van-col>
            </van-row>

            <!-- <van-row gutter="20">
              <van-col>
                <img
                  class="icon"
                  src="@/assets/Images/AppIcon/icon_company_check.png"
                />上报附件：{{ item.Attachs }}
              </van-col>
            </van-row> -->
             <!-- <van-row>
              <van-col span="24">
                <div
                  style="margin-top: 10px; margin-bottom: 10px"
                  id="divFile"
                >
                  <file-list-read-only
                    :attachs="item.Attachs"
                    :labelName="'模板文件'"
                  ></file-list-read-only>
                </div>
              </van-col>
            </van-row> -->
            <!-- <FileUpload
              @CallBack="_fileUploadCb"
              :attachs=" item.Attachs"
              :labelName="'施工作业记录'"
              :allowEdit="false"
            /> -->

          </div>
        </div>
      </van-cell>
    </div>
    </page-list>
  </div>
</template>

<script>
import PageList from "@/components/PageList/PageList.vue";
import FileListReadOnly from "../../../components/Attach/FileListReadOnlyYat.vue";

export default {

  components: { PageList , FileListReadOnly },

  data() {
    
    return {
      rightValue: 0,
      list:[ ],
      params: 
        {
          dataType: "Imported",
        },
      
    };
    
  },

  created() {

  },

  methods: {
    _initActive(active) {
      this.active = active;
    },
    _initList(list) {
      this.list = list;
    },
    // _fileUploadCb(attachs) {
		// 	this.data.Attachs = attachs;
		// },

    // 新增重点企业上报
    add() {
      this.$router.push({
        path: "/ImporteCompany/Edit",
        query: { id: 0 },
      });
    },

    // 重点企业上报详情
    openDetail(item) {
      this.$router.push({
        path: "/ImporteCompany/Detail",
        query: { id: item.ID },
      });
    },

  },
};
</script>
<style lang="less" scoped>
.all_dep {
  background-color: #ffffff;
}

.warn_header {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 10px;
  .warn_tag {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 26.64rem 0 0 26.64rem;
  }
}
.dep_sort {
  // display: flex;
  // flex-wrap: wrap;
  // margin-bottom: 5px;
  img {
    height: 15px;
    width: 15px;
    margin-right: 5px;
  }
}
.dep_btm {
  display: flex;
  justify-content: flex-end;
  .btm_item {
    display: flex;
    align-items: center;
    img {
      height: 15px;
      width: 15px;
      margin-right: 5px;
    }
  }
}

</style>
